<template>
  <div class="home">
    <game></game>
  </div>
</template>

<script>
  import http from '@/service/myHttp'
  import game from '../components/game.vue'
  export default {
    name: 'home',
    components: {
      game
    },
    data() {
      return {
        msg: '首页',
        coresrc: '',
      }
    },
    methods: {
      getcore: function() {
      }
    },
    mounted() {},
    beforeRouteEnter: function(to, from, next) {
      //路由钩子
      // console.log('enter')
      next(vm => {
      })
    },
    beforeRouteLeave: function(to, from, next) {
      //console.log('leave')
      next()
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  input::-webkit-input-placeholder {
    color: #fff;
  }
  .home {
    border-radius: 0;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
    overflow: hidden;
  }
</style>
